<template>
	<view class="accountInformationContent">
		<view class="upper">
			<commonNavBar title="证后审查录入" :showRobot="true"></commonNavBar>
			<view class="step">
				<view v-for="(tabs, index) in stepList" :key="index" @tap="stepActive(index)">
					<view :class="{ 'active': tabs.active }">
						{{ tabs.step }}
					</view>
				</view>
			</view>
		</view>
		<view class="centre">
			<view class="content-container">
				<view class="addInspect" v-show="stepList[0].active">
					<view class="dt">审查信息</view>
					<!-- 		<view class="dd">
						<view class="left">审查类别</view>
						<view class="right">
					 
							<checkbox-group>
								<label v-for="(category,index) in postCertificationReviewData.reviewInfo.reviewCategory">
									<checkbox style="transform:scale(0.7)" :value="category.name"   />{{category.name}}
								</label> 
							</checkbox-group>
						</view>
					</view> -->
					<view class="dd">
						<view class="left">审查组长</view>
						<view class="right">
							<input type="text" @tap="reviewMemberListOpen(0)"
								:value="reviewTeamLeaderValue | userFilter(this)" placeholder="必选项"
								placeholder-class="placeholder-class">
						</view>
					</view>
					<view class="dd">
						<view class="left">审查成员1</view>
						<view class="right">
							<input type="text" @tap="reviewMemberListOpen(1)" :value="memberOneValue | userFilter(this)"
								placeholder="请选择" placeholder-class="placeholder-class">
						</view>
					</view>
					<view class="dd">
						<view class="left">审查成员2</view>
						<view class="right">
							<input type="text" @tap="reviewMemberListOpen(2)" :value="memberTwoValue | userFilter(this)"
								placeholder="请选择" placeholder-class="placeholder-class">
						</view>
					</view>
					<view class="dd">
						<view class="left">审查成员3</view>
						<view class="right">
							<input type="text" @tap="reviewMemberListOpen(3)"
								:value="memberThreeValue | userFilter(this)" placeholder="请选择"
								placeholder-class="placeholder-class">
						</view>
					</view>
					<view class="dd">
						<view class="left">审查成员4</view>
						<view class="right">
							<input type="text" @tap="reviewMemberListOpen(4)"
								:value="memberFourValue | userFilter(this)" placeholder="请选择"
								placeholder-class="placeholder-class">
						</view>
					</view>
					<view class="dd">
						<view class="left">审查成员5</view>
						<view class="right">
							<input type="text" @tap="reviewMemberListOpen(5)"
								:value="memberFiveValue | userFilter(this)" placeholder="请选择"
								placeholder-class="placeholder-class">
						</view>
					</view>
					<view class="dd">
						<view class="left">审查成员6</view>
						<view class="right">
							<input type="text" @tap="reviewMemberListOpen(6)" :value="memberSixValue | userFilter(this)"
								placeholder="请选择" placeholder-class="placeholder-class">
						</view>
					</view>
					<view class="dt">监管单位信息</view>
					<view class="dd">
						<view class="left">监管单位:</view>
						<view class="right">{{ postCertificationReviewData.aupervisionUnit.deptName }}</view>
					</view>
					<view class="dd">
						<view class="left">审查时间:</view>
						<picker class="right" mode="date" @change="selectReviewTime"
							:value="postCertificationReviewData.aupervisionUnit.reviewTime">
							<view> {{ postCertificationReviewData.aupervisionUnit.reviewTime }}</view>
						</picker>
					</view>
					<view class="dt">生产经营主体信息</view>
					<view class="dd">
						<view class="left">主体名称:</view>
						<view class="right">{{ postCertificationReviewData.businessEntity.companyName }}</view>
					</view>
					<view class="dd">
						<view class="left">经营地址:</view>
						<view class="right">{{ postCertificationReviewData.businessEntity.address }}</view>
					</view>
					<view class="dd">
						<view class="left">法定代表人:</view>
						<view class="right">{{ postCertificationReviewData.businessEntity.legalPerson }}</view>
					</view>
					<view class="dd">
						<view class="left">主体类别</view>
						<view class="right">{{ postCertificationReviewData.businessEntity.businessCategory }}</view>
					</view>
					<view class="dd">
						<view class="left">品种明细</view>
						<view class="right">{{ postCertificationReviewData.businessEntity.businessScope }}</view>
					</view>
					<view class="dd">
						<view class="left">许可证标号</view>
						<view class="right">{{ postCertificationReviewData.businessEntity.LICENSE }}</view>
					</view>
				</view>
				<view class="addInspectContent" v-show="stepList[1].active">
					<view class="dt">证后审查检查要点表</view>
					<view class="box">
						<view class="dd" style="padding-bottom: 50px;"
							v-for="(item, index) in postCertificationReviewData.templateInfo.standardList" :key="index">
							<view class="h1 flex-row-between">
								<view class="title-text">
									{{ item.serialNum }}.{{ item.standardName }}
								</view>
								<view class="global-options">
									<view class="option" :class="{ active: isAllSelected(item, 0) }"
										@tap="setAllSubItems(index, 0)">符合</view>
									<view class="option" :class="{ active: isAllSelected(item, 1) }"
										@tap="setAllSubItems(index, 1)">不符合</view>
									<view class="option" :class="{ active: isAllSelected(item, 2) }"
										@tap="setAllSubItems(index, 2)">合理缺项</view>
								</view>
							</view>
							<view class="block">
								<view class="li" v-for="(data, dataIndex) in item.contentList" :key="dataIndex">
									<view class="titles" :class="{ 'red': data.importentItem !== '1' }">
										<view class="number">
											{{ item.serialNum }}.{{ data.serialNum }}
										</view>
										<view class="text">
											<text
												v-text="data.importentItem === '1' ? '' : data.importentItem === '2' ? '*' : '**'"></text>{{
													data.checkContent }}
										</view>
										<!-- 是否显示检查指南(不知道pc在哪配置  暂时先全放开了) v-if="data.GUIDE_PRE === '1'" -->
										<view class="guide"
											v-if="checkExist(data.CHECK_BASIS, data.CHECK_GUIDE, data.CHECK_METHOD, data.CHECK_PROBLEM)"
											@tap="inspectionGuidelines(data.CHECK_BASIS, data.CHECK_GUIDE, data.CHECK_METHOD, data.CHECK_PROBLEM)">
											<image src="/static/img/questionMark.png" mode=""></image>
											检查指南
											<view class="triangle"></view>
										</view>
									</view>
									<view class="optionList">
										<view class="list">
											<view class="option" :class="{ 'active': data.selection == 0 }" @tap="inspectionContentToggleActive(
												index,
												dataIndex,
												'是',
												0
											)">
												符合
											</view>
											<view class="option" :class="{ 'active': data.selection == 1 }" @tap="inspectionContentToggleActive(
												index,
												dataIndex,
												'否',
												1
											)">
												不符合
											</view>
											<!-- <view class="option" v-show="data.missingItem === '1'"
												:class="{ 'active':   data.selection == 3    }" @tap="inspectionContentToggleActive( -->
											<view class="option" :class="{ 'active': data.selection == 2 }" @tap="inspectionContentToggleActive(
												index,
												dataIndex,
												'合理缺项',
												2
											)">
												合理缺项
											</view>
										</view>
										<view class="case" v-if="data.selection == 1">
											<view class="h2">问题描述：</view>
											<!-- 											<view class="h2" v-show="data.selection == 2 || data.selection == 3">问题描述：</view> -->
											<view class="content">
												<view class="left">
													<textarea maxlength="2000" class="problem" placeholder="请输入问题描述"
														v-model="data.problemContent"
														placeholder-class="placeholder-class" />
												</view>
												<!-- <view class="right">
													<view :class="[data.PROBLEM_FILE == undefined ?  'content-upload-btn' : 'content-upload-btn-realy' ]" @tap="uploadContentFile(index,dataIndex,
														item.ID,
														data.ID)" v-show=" data.selection == 2 ">{{data.PROBLEM_FILE == undefined ? '上传文件' : '已经上传' }}</view>
												</view> -->
											</view>
										</view>
										<view class="case" v-if="data.selection == 2">
											<view class="h2">食品类别及类别名称：</view>
											<view>
												<checkbox-group @change="switchClassify($event, index, dataIndex)">
													<label
														v-for="(classify, claindex) in postCertificationReviewData.reviewInfo.reviewCategory">
														<checkbox style="transform:scale(0.7)" :value="classify.id"
															:checked="data.reviewCategory | switchFilter(classify.id)">
														</checkbox>
														<text style="font-size: 14rpx;">{{ classify.name }}</text>
													</label>
												</checkbox-group>
												<checkbox-group @change="switchAllClassify($event, index, dataIndex)">
													<label>
														<checkbox style="transform:scale(0.7)"></checkbox>
														<text style="font-size: 14rpx;">全选</text>
													</label>
												</checkbox-group>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="addInspectTrisk" v-show="stepList[2].active">
					<view class="dt">主体信息修改</view>
					<view class="dd">
						<view class="left">审查结论</view>
						<view class="right">
							<view class="optionList">
								<view class="list">
									<view class="option" :class="{ 'active': activeIndex === 0 }">
										<!-- @tap="addInspectTriskActive(0)"> -->
										符合
									</view>
									<view class="option" :class="{ 'active': activeIndex === 1 }">
										<!-- @tap="addInspectTriskActive(1)"> -->
										基本符合
									</view>
									<view class="option" :class="{ 'active': activeIndex === 2 }">
										<!-- @tap="addInspectTriskActive(2)"> -->
										不符合
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="dd">
						<view class="left">实际扣分数</view>
						<view class="right">
							<input type="text" v-model="actualDeductionPoints" placeholder="必填项,请填写实际扣分数"
								placeholder-style="font-size:20rpx">
						</view>
					</view>
					<view class="dd">
						<view class="left">企业异议</view>
						<view class="right">
							<view class="optionList">
								<view class="list">
									<view class="option" :class="{ 'active': activeTwoIndex == 0 }"
										@tap="addInspectTriskTwoActive(0)">
										无异议
									</view>
									<view class="option" :class="{ 'active': activeTwoIndex == 1 }"
										@tap="addInspectTriskTwoActive(1)">
										有异议
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="dd" v-show="activeTwoIndex === 1">
						<view class="left">异议说明</view>
						<view class="right">
							<input type="text" v-model="objectionStatement" placeholder="必填项"
								placeholder-style="font-size:20rpx">
						</view>
					</view>
					<view class="dd">
						<view class="left">填写说明</view>
						<view class="right" style=" word-break: break-word; white-space: pre-wrap;display:block;">
							<p>1、本记录表中打*号为重点项，打**号为关键项，其他为一般项。</p>
							<p>2、本记录表中*2.1、2.3、*2.4、4.2、*4.5、”52、*5.3、”*6.1、*6.2、6.4、“6.5、*7.1、*7.2、*”7.3、为抽查项。(对人员抽査应不少于两人，对产品抽查应不少于两个批次)
							</p>
							<p>3、审查采取扣分制，发现1项一般项不符合扣2分，发现1项*重点项不符合扣10分，发现1项**关键项不符合扣20分，</p>
							<p>4、审查结论根据最终扣分进行综合判断，分为符合、基本符合、不符合三种情形:①符合:扣分&lt;20分;②基本符合:20分≤扣分&lt;35分; ③不符合:扣分≥35分</p>
							<p>5、检查项评价为不符合的，应具体描述不符合的情况。</p>
							<p>6、企业获得多个食品许可类别的，应当在“食品类别及类别名称”一栏中准确描述发现问题所属的食品类别及类别名称。</p>
							<p>7、如果检查项目存在合理缺项，应在“合理缺项”处勾选，默认该项不扣分，</p>
							<p>8、《食品生产者证后审查情况记录表》一式三份,市审查中心、区市场监管局和被审查食品生产者各留存一份。</p>
							<p>9、本记录表根据国家有关规定及我市具体实施情况，可以进行调整，</p>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="fixed">
			<button class="determine" @tap="savePopup('2')">提交</button>
			<!-- <button class="cancellation"  @tap="savePopup('1')" >临时保存</button> -->
		</view>
		<uni-popup ref="reviewMemberListPopup" type="bottom">
			<view class="reviewMemberListPopupContent">
				<view class="title">选择人员</view>
				<view class="box">
					<view class="step">
						<view v-for="(item, index) in reviewMemberList" :key="index"
							@tap="reviewMemberListActive(index)">
							<view :class="{ 'active': item.active }" v-if="item.show">
								{{ item.step }}
							</view>
						</view>
					</view>
					<view class="content">
						<input type="text" v-model="reviewTeamLeaderSearch" placeholder="请输入"
							placeholder-style="font-size:20rpx">
						<z-paging ref="paging" autowire-list-name="personnelList" autowire-query-name="listData">
							<!-- autowire-query-name="listData" -->
							<view class="ul">
								<view class="li" v-for="(item, index) in personnelList" :key="index"
									@tap="selectOption(item.id)">
									<view class="top">
										<view class="number">{{ index + 1 }}</view>
										<view class="identity">
											<text v-text="item.userType === 2 ? '审查专家' : '监管人员'"></text>
										</view>
									</view>

									<view class="titles">{{ item.name }}</view>
									<view class="content" v-if='item.userType == 1'>
										<view class="left">执法证号:</view>
										<view class="right">{{ item.enforcementNo }}</view>
									</view>
									<view class="content" v-if='item.userType == 1'>
										<view class="left">所属区局:</view>
										<view class="right">{{ item.districtBureauName }}</view>
									</view>
									<view class="content" v-if='item.userType == 1'>
										<view class="left">所在单位:</view>
										<view class="right">{{ item.affiliatedUnitName }}</view>
									</view>
									<view class="content" v-if='item.userType == 1'>
										<view class="left">联系电话:</view>
										<view class="right">{{ item.mobile == 'undefined' ? '' : item.mobile }}</view>
									</view>
									<view class="content" v-if='item.userType == 1'>
										<view class="left">职务:</view>
										<view class="right">{{ item.positionName }}</view>
									</view>

									<view class="content" v-if='item.userType != 1'>
										<view class="left">胸卡证号:</view>
										<view class="right">{{ item.enforcementNo }}</view>
									</view>
									<view class="content" v-if='item.userType != 1'>
										<view class="left">所在单位:</view>
										<view class="right">{{ item.affiliatedUnitName }}</view>
									</view>
									<view class="content" v-if='item.userType != 1'>
										<view class="left">联系电话:</view>
										<view class="right">{{ item.mobile == 'undefined' ? '' : item.mobile }}</view>
									</view>
									<view class="content" v-if='item.userType != 1'>
										<view class="left">职务/职称:</view>
										<view class="right">{{ item.positionName }}</view>
									</view>
								</view>
							</view>
						</z-paging>
					</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="popupTwo" type="bottom">
			<view class="popupContent">
				<view class="title">确定</view>
				<view class="box">
					提交当前检查？
				</view>
				<view class="button" style="padding-bottom:20px;">
					<button class="determine" @click="determineTwo">确认</button>
					<button class="cancellation" @click="cancellationTwo">返回</button>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
import commonNavBar from '@/components/CommonNavBar.vue';

export default {
	components: {
		commonNavBar,

	},
	data() {
		return {
			postCertificationReviewData: {
				aupervisionUnit: {},
				businessEntity: {},
				reviewConclusion: {},
				reviewInfo: {},
				standardList: {},
				templateName: {},
				templateInfo: {}
			},
			pickerValue: 0,
			postCertificationReviewId: null,
			companyId: null,
			stepList: [{
				step: '基础信息',
				active: true
			}, {
				step: '检查内容',
				active: false
			}, {
				step: '检查结果',
				active: false
			}],
			reviewTeamLeaderValue: '',
			reviewMemberList: [{
				step: '监管人员',
				show: true,
				active: true
			}, {
				step: '审查专家',
				show: true,
				active: false
			}],
			reviewTeamLeaderSearch: '',
			memberOneValue: '',
			memberTwoValue: '',
			memberThreeValue: '',
			memberFourValue: '',
			memberFiveValue: '',
			memberSixValue: '',
			personnelList: [],
			optionNumber: null,
			tabulationActive: 0,
			activeIndex: null,
			actualDeductionPoints: 0,
			activeTwoIndex: null,
			objectionStatement: ''
		}
	},
	onLoad(options) {
		this.postCertificationReviewId = options.postCertificationReviewId;
		this.companyId = options.companyId;
		// this.initData(options.postCertificationReviewId);
	},
	onReady() {
		// 基础信息数据
		this.initData(this.postCertificationReviewId)
	},
	filters: {
		userFilter(value, that) {
			if (value == '') {
				return '';
			}
			for (var i = 0; i < that.personnelList.length; i++) {
				if (that.personnelList[i].id == value) {
					return that.personnelList[i].name;
				}
			}
		},
		switchFilter(value, id) {
			if (value == null || value == '') {
				return false;
			} else {
				var arr = value.split(",");
				return arr.includes(id + "");
			}

		}
	},
	methods: {
		goBack() {
			uni.navigateBack();
		},
		// 跳转只能客服
		robot() {
			uni.navigateTo({
				url: '/pages/robot/robot'
			})
		},
		selectReviewTime(e) {
			this.$set(this.postCertificationReviewData.aupervisionUnit, "reviewTime", e.detail.value)
		},
		async initData(id) {
			let data = {
				id: id
			}
			try {
				const res = await uni.$api.getReviewEnterInfo(data);
				this.postCertificationReviewData = res.data.data
			} catch (error) {
				console.error(error)
			}
		},
		// 切换选项卡
		stepActive(index) {
			this.stepList.forEach((item, idx) => {
				item.active = idx === index;
			});
		},
		checkExist(v1, v2, v3, v4) {
			//判断是否存在检查指南
			if ((v1 == undefined || v1 == '') && (v2 == undefined || v2 == '') && (v3 == undefined || v3 == '') && (
				v4 == undefined || v4 == '')) {
				return false;
			} else {
				return true;
			}
		},
		reviewMemberListOpen(number) {
			this.optionNumber = number;
			if (number == 0) {
				//隐藏专家
				this.reviewMemberList[1].show = false;
			} else {

				this.reviewMemberList[1].show = true;
			}
			this.$refs.reviewMemberListPopup.open('bottom')
		},
		async listData(pageNo, pageSize) {
			let data = {
				pageNum: pageNo,
				pageSize: pageSize,
				companyId: this.companyId,
				userRole: this.optionNumber == 0 ? '0' : '1',//0只查询当前企业区县下的科长或所长 ，1查询所有
				name: this.reviewTeamLeaderSearch
			}
			this.personnelList = []
			if (this.tabulationActive === 0) {
				try {
					const res = await uni.$api.getSupervisors(data)
					this.$refs.paging.completeByKey(res.data.data.dataList);
					console.log('res', res.data.data.dataList)
				} catch (error) {
					this.$refs.paging.complete(false);
				}
			} else {
				try {
					const res = await uni.$api.getExpertArchives(data)
					this.$refs.paging.completeByKey(res.data.data.dataList);
				} catch (error) {
					this.$refs.paging.complete(false);
				}
			}
		},
		switchClassify: function (e, index, contentIndex) {
			var content = this.postCertificationReviewData.templateInfo.standardList[index].contentList[contentIndex];
			var values = e.detail.value;
			this.$set(content, 'reviewCategory', values.join(","))
			// var items = this.postCertificationReviewData.reviewInfo.reviewCategory;
			// for (var i = 0, lenI = items.length; i < lenI; ++i) {
			// 	const item = items[i]
			// 	if(values.includes(item.id)){
			// 		this.$set(item,'checked',true)
			// 	}else{
			// 		this.$set(item,'checked',false)
			// 	}
			// }
		},
		switchAllClassify: function (e, index, contentIndex) {
			var content = this.postCertificationReviewData.templateInfo.standardList[index].contentList[contentIndex];
			var values = e.detail.value;
			var reviewCategoryArray = this.postCertificationReviewData.reviewInfo.reviewCategory;
			var joinValue = [];
			if (values.length > 0) {
				for (var i = 0; i < reviewCategoryArray.length; i++) {
					joinValue.push(reviewCategoryArray[i].id)
				}
			}
			this.$set(content, 'reviewCategory', joinValue.join(","));
			this.$forceUpdate();
		},
		reviewMemberListActive(index) {
			this.reviewMemberList.forEach((item, idx) => {
				item.active = idx === index;
				this.tabulationActive = index
			});
			this.listData(1, 15)
			this.reviewTeamLeaderSearch = ''
		},
		search() {
			this.listData(1, 15)
		},
		selectOption(val) {
			if (this.optionNumber === 0) {
				this.reviewTeamLeaderValue = val
			} else if (this.optionNumber === 1) {
				this.memberOneValue = val
			} else if (this.optionNumber === 2) {
				this.memberTwoValue = val
			} else if (this.optionNumber === 3) {
				this.memberThreeValue = val
			} else if (this.optionNumber === 4) {
				this.memberFourValue = val
			} else if (this.memberFiveValue === 5) {
				this.memberFiveValue = val
			} else if (this.memberFiveValue === 6) {
				this.memberSixValue = val
			}
			this.reviewTeamLeaderSearch = ''
			this.$refs.reviewMemberListPopup.close('bottom')
		},
		async inspectionContentToggleActive(index, dataIndex, option, result) {
			var d = this.postCertificationReviewData.templateInfo.standardList[index].contentList[dataIndex];
			this.$set(d, "selection", result);
			//计算分数
			this.actualDeductionPoints = 0;
			var standardList = this.postCertificationReviewData.templateInfo.standardList;
			for (var i = 0; i < standardList.length; i++) {
				var contentList = standardList[i].contentList;
				for (var n = 0; n < contentList.length; n++) {
					if (contentList[n].selection == '1') {
						this.actualDeductionPoints = this.actualDeductionPoints + contentList[n].score;
					}
				}
			}
			if (this.actualDeductionPoints < 20) {
				this.activeIndex = 0;  // 符合：扣分<20分
			} else if (this.actualDeductionPoints >= 20 && this.actualDeductionPoints < 35) {
				this.activeIndex = 1;  // 基本符合：20分≤扣分<35分
			} else {
				this.activeIndex = 2;  // 不符合：扣分≥35分
			}
		},
		// 选择否-自定义的时候上传文件信息
		async uploadContentFile(index, dataIndex, standardId, contentId) {
			const that = this;

			uni.chooseImage({
				count: 1,
				success: (e) => {
					plus.io.resolveLocalFileSystemURL(e.tempFilePaths[0], function (entry) {
						entry.file(function (file) {
							var fileReader = new plus.io.FileReader()
							fileReader.onload = function (evt) {
								that.$set(that.rectificationSituationDataList.itemList[index].contentList[dataIndex], "PROBLEM_FILE", evt.target.result);
							}
							fileReader.readAsDataURL(file)
						}, function (error) {
							uni.showToast({
								title: '图片生成失败',
								icon: 'error'
							})
						})
					}, function (error) {
						uni.showToast({
							title: '获取文件失败',
							icon: 'error'
						})
					})
					/* uni.uploadFile({
						url: '/dailyInspect/uploadItemFile',
						filePath:  e.tempFilePaths[0],
						name:'file',
						formData:{ 
							'checkId': that.checkId, 
							'standardId': standardId,
							'contentId': contentId
						},
						header:{
							'content-Type': 'multipart/form-data',
						},
						success: (res) => { 
							const result = JSON.parse(res.data); 
							if(result.code === 0){
								uni.showToast({
									title:'上传成功',
									icon:'error'
								})
								that.$set(this.rectificationSituationDataList.itemList[index].contentList[dataIndex],"PROBLEM_FILE",result.data);
							} else {
								uni.showToast({
									title:'上传失败',
									icon:'error'
								})
							}
						},
						fail : ()=>{
							uni.showToast({
								title:'上传失败',
								icon:'error'
							})
						}
					}) */
				},
				fail: () => {
					uni.showToast({
						icon: 'error',
						title: '图片选择错误'
					})
				}
			})





		},
		addInspectTriskActive(number) {
			this.activeIndex = number
		},
		addInspectTriskTwoActive(number) {
			this.activeTwoIndex = number
		},
		savePopup(type) {
			this.saveType = type
			if (type == '1') {
				//临时保存
				this.determineTwo();
				return;
			}
			if (type != '1') {
				//表单填写验证

				if (this.reviewTeamLeaderValue == '') {
					uni.showToast({
						title: '请选择审查组长',
						icon: 'none'
					})
					return;
				}
				if (!this.postCertificationReviewData.aupervisionUnit.reviewTime) {
					uni.showToast({
						title: '请选择审查时间',
						icon: 'none'
					});
					return;
				}
				var subCheck = true;
				var itemList = this.postCertificationReviewData.templateInfo.standardList;
				var unselectedItems = [];
				
				for (var i = 0; i < itemList.length; i++) {
					for (var y = 0; y < itemList[i].contentList.length; y++) {
						var item = itemList[i].contentList[y];
						if (item.selection === null || item.selection === undefined || item.selection === '') {
							subCheck = false;
							unselectedItems.push(`${itemList[i].serialNum}.${item.serialNum}`);
						}
					}
				}
				if (!subCheck) {
					console.log('未选择的检查项：', unselectedItems);
					uni.showModal({
						title: '检查内容未完成',
						content: `存在 ${unselectedItems.length} 项检查内容还未处理，请检查以下项目：\n${unselectedItems.join('\n')}`,
						showCancel: false,
						confirmText: '我知道了'
					});
					return;
				}
				//检查内容是否全部选择 
				if (this.actualDeductionPoints == '') {
					uni.showToast({
						title: '实际扣分数未填写',
						icon: 'none'
					})
					return;
				}

				// }else if(this.activeTwoIndex == null || this.activeTwoIndex == 2) {
				// 	uni.showToast({
				// 		title:'存在检查内容还未处理',
				// 		icon : 'none'
				// 	})
				// 	return;
				// }
				// }else if(this.objectionStatement == '') {
				// 	uni.showToast({
				// 		title:'企业异议未填写',
				// 		icon : 'none'
				// 	})
				// 	return;
				// }
				// 	//选择责令整改或者调查处理的时候验证整改时间是否选择
				// 	if(this.addInspectData.companyInfo.CHECK_RESULTS != '1' &&  this.addInspectData.companyInfo.RECTIFY_TIME == undefined){
				// 		uni.showToast({
				// 			title:'请选择整改时间',
				// 			icon : 'none'
				// 		})
				// 		return;
				// 	}

				// } 
				// if(this.addInspectData.companyInfo.MANAGE_STATUS == '1'){
				// 	//异常情况
				// 	if(this.addInspectData.companyInfo.ABNORMAL_CAUSE == ''  || this.addInspectData.companyInfo.ABNORMAL_CAUSE  == undefined ){
				// 		uni.showToast({
				// 			title:'请选择异常原因',
				// 			icon : 'none'
				// 		})
				// 		return;
				// 	}
				// 	if(this.addInspectData.companyInfo.AUDIT_TRAILS == ''  || this.addInspectData.companyInfo.AUDIT_TRAILS  == undefined ){
				// 		uni.showToast({
				// 			title:'请填写异常情况核查记录',
				// 			icon : 'none'
				// 		})
				// 		return;
				// 	}
				// 	if(this.addInspectData.companyInfo.RECTIFY_TIME == ''  || this.addInspectData.companyInfo.RECTIFY_TIME  == undefined ){
				// 		uni.showToast({
				// 			title:'请选择整改日期',
				// 			icon : 'none'
				// 		})
				// 		return;
				// 	}
				// }  
			}
			this.$refs.popupTwo.open('bottom')
		},
		async determineTwo() {
			const that = this;
			let contentList = []

			const standardList = this.postCertificationReviewData.templateInfo.standardList;
			for (var i = 0; i < standardList.length; i++) {
				for (var n = 0; n < standardList[i].contentList.length; n++) {
					contentList.push({
						"standardId": standardList[i].standardId,
						"contentId": standardList[i].contentList[n].contentId,
						"selected": standardList[i].contentList[n].selection,
						"problemContent": standardList[i].contentList[n].problemContent,
						"reviewCategory": standardList[i].contentList[n].reviewCategory,
						"problemImgPath": ''
					})
				}
			}


			let data = {
				'id': this.postCertificationReviewId,
				'saveType': this.saveType,
				'reviewResults': this.calculateReviewResults(),
				'actualDeductionPoints': this.actualDeductionPoints,
				'corporateObjection': 0,
				'objectionStatement': this.objectionStatement,
				'reviewTeam': [
					{
						"id": this.reviewTeamLeaderValue,
						"level": 0,
						"identity": 0
					},
					{
						"id": this.memberOneValue,
						"level": 1,
						"identity": 0
					},
					{
						"id": this.memberTwoValue,
						"level": 2,
						"identity": 0
					},
					{
						"id": this.memberThreeValue,
						"level": 2,
						"identity": 0
					},
					{
						"id": this.memberFourValue,
						"level": 2,
						"identity": 0
					},
					{
						"id": this.memberFiveValue,
						"level": 2,
						"identity": 0
					},
					{
						"id": this.memberSixValue,
						"level": 2,
						"identity": 0
					}
				],
				'reviewContent': contentList
			}

			uni.showLoading({
				title: '正在处理...'
			})
			const res = await uni.$api.saveReviewEnterInfo(data)
			uni.hideLoading();
			if (res.data.code == '0') {
				//临时保存 
				uni.showToast({
					title: '保存完成',
					icon: 'success',
					image: '/static/img/success.png',
					duration: 2000,
				});
				//如果是经营异常 保存完成返回列表
				/* uni.redirectTo({
					url: '/pages/postCertificationReview/postCertificationReview'
				}); */
				const eventChannel = that.getOpenerEventChannel();
				eventChannel.emit('reloadList');
				uni.navigateBack();

			} else {
				uni.showToast({
					title: '保存失败',
					icon: 'error',
					duration: 2000,
				});
			}
			//选择的检查结果项 
			// const selected = this.processingResultsList.find(item => item.isChecked);
			// try {
			// 	uni.showLoading({
			// 		title:'正在生成数据，请稍后'
			// 	})
			// 	var  checkResults = "";
			// 	if(this.addInspectData.companyInfo.MANAGE_STATUS == '1'){
			// 		checkResults = '重点项发现问题（'+ this.totalEmphasisNum +'）项,一般项发现问题（'+ this.totalGeneralNum +'）项';
			// 	} else {
			// 		checkResults = '重点发现问题（'+ this.emphasisNum +'）项,一般发现问题 （'+ this.generalNum +'）项';
			// 	}  
			// 	const res = await uni.$api.saveCheckInfo({
			// 		'checkId': this.checkId,  
			// 		'superviseOne': this.addInspectData.superviseInfo.checkPerson1Id,
			// 		'superviseTwo': this.addInspectData.superviseInfo.checkPerson2Id,
			// 		'manageStatus': this.addInspectData.companyInfo.MANAGE_STATUS,
			// 		//如果点击的提交不是临时保存，并且选择的是经营异常，则直接保存,否则会临时保存一下，等待填写完后面两个表之后正是保存
			// 		'temporary':  (this.saveType != '1' && this.addInspectData.companyInfo.MANAGE_STATUS == '1' ) ? '2' : '1', 
			// 		'processResults': this.addInspectData.companyInfo.CHECK_RESULTS, 
			// 		'abnormalCause':this.addInspectData.companyInfo.ABNORMAL_CAUSE,
			// 		'auditTrails': this.addInspectData.companyInfo.AUDIT_TRAILS,
			// 		'checkResults': checkResults,
			// 		'exprocessResults': '责令整改',
			// 		'rectificationTimeLimit': this.addInspectData.companyInfo.RECTIFY_TIME,
			// 		'otherProblem':this.addInspectData.companyInfo.OTHER_PROBLEM,
			// 		"rectificationSituationData": JSON.stringify( this.rectificationSituationDataList)
			// 	});
			// 	uni.hideLoading();
			// 	uni.showToast({
			// 		title: res.data.message,
			// 		icon: 'success',
			// 		image: '/static/img/success.png',
			// 		duration: 2000,
			// 	});
			// 	this.$refs.popupTwo.close();
			// 	if(res.data.code == '0'  ){
			// 		that.checkId = res.data.data.id 
			// 		//检查是否在检查区域内
			// 		//that.checkLocationRange();
			// 		if(this.saveType != '1' && this.addInspectData.companyInfo.MANAGE_STATUS == '0'){ 
			// 			 setTimeout(function(){
			// 				that.$refs.resultLog.open();
			// 			 },500)
			// 		 } else {
			// 			 //临时保存 
			// 			uni.showToast({
			// 				title: '保存完成',
			// 				icon: 'success',
			// 				image: '/static/img/success.png',
			// 				duration: 2000,
			// 			});
			// 			if(this.addInspectData.companyInfo.MANAGE_STATUS == '1') {
			// 				//如果是经营异常 保存完成返回列表
			// 				uni.redirectTo({
			// 					url: '/pages/inspect/inspect'
			// 				});
			// 			}
			// 		 }
			// 	 }
			// } catch (error) {
			// 	console.error(error)
			// }
		},
		//取消保存
		cancellationTwo() {
			this.$refs.popupTwo.close()
		},
		// 判断该大类下所有小项是否都为某个选项
		isAllSelected(item, value) {
			if (!item.contentList || !item.contentList.length) return false;
			return item.contentList.every(sub => sub.selection == value);
		},
		// 设置该大类下所有小项的选项
		setAllSubItems(index, value) {
			const contentList = this.postCertificationReviewData.templateInfo.standardList[index].contentList;
			contentList.forEach(sub => {
				this.$set(sub, 'selection', value);
			});
			// 重新计算分数和activeIndex
			this.recalculateDeductionPoints();
		},
		// 重新计算分数和activeIndex
		recalculateDeductionPoints() {
			let total = 0;
			const standardList = this.postCertificationReviewData.templateInfo.standardList;
			for (let i = 0; i < standardList.length; i++) {
				const contentList = standardList[i].contentList;
				for (let n = 0; n < contentList.length; n++) {
					if (contentList[n].selection == '1') {
						total += contentList[n].score || 0;
					}
				}
			}
			this.actualDeductionPoints = total;
			if (total < 20) {
				this.activeIndex = 0;  // 符合：扣分<20分
			} else if (total >= 20 && total < 35) {
				this.activeIndex = 1;  // 基本符合：20分≤扣分<35分
			} else {
				this.activeIndex = 2;  // 不符合：扣分≥35分
			}
		},
		// 根据实际扣分数计算reviewResults值
		calculateReviewResults() {
			if (this.actualDeductionPoints === null || this.actualDeductionPoints === undefined || this.actualDeductionPoints === '') {
				return 0; // 默认返回符合
			}
			
			const points = Number(this.actualDeductionPoints);
			if (points < 20) {
				return 0;  // 符合：扣分<20分
			} else if (points >= 20 && points < 35) {
				return 1;  // 基本符合：20分≤扣分<35分
			} else {
				return 2;  // 不符合：扣分≥35分
			}
		}
	},
	watch: {
		reviewTeamLeaderSearch(newVal, oldVal) {
			if (newVal !== oldVal) {
				this.search();
			}
		}
	}
}
</script>

<style lang="scss">
.accountInformationContent {
	background: #F9F9F9;
	// height: calc(100vh - 195rpx);

	.upper {
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;

		.title {
			background: url('../../static/img/inspectBg.png');
			background-size: cover;
			width: 100%;
			height: 115rpx;
			line-height: 115rpx;
			position: relative;
			display: flex;
			justify-content: center;

			.arrow {
				position: absolute;
				left: 33rpx;
				top: 50%;
				transform: translate(0%, -50%);
				width: 100rpx;
				height: 100rpx;

				&::before {
					display: block;
					content: "";
					position: absolute;
					top: 50%;
					left: 0%;
					width: 20rpx;
					height: 20rpx;
					border-left: 1px solid #fff;
					border-top: 1px solid #fff;
					transform: translate(0%, -50%) rotate(-45deg);
				}
			}

			text {
				font-size: 30rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				letter-spacing: 1px;
			}

			.intelligence {
				position: absolute;
				right: 30rpx;
				top: 50%;
				transform: translate(0%, -50%);
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				display: flex;

				image {
					width: 75rpx;
					height: 64rpx;
				}
			}
		}

		.step {
			display: flex;
			justify-content: space-around;
			height: 80rpx;
			line-height: 80rpx;
			background: #F9F9F9;
			border-bottom: 2rpx solid #D6D6D6;

			view {
				position: relative;
				font-size: 25rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;

				&.active {
					color: #0552A9;

					&::before {
						display: block;
						content: "";
						position: absolute;
						left: 50%;
						bottom: 0%;
						transform: translate(-50%, 0%);
						width: 100rpx;
						height: 5rpx;
						background: #0552A9;
					}
				}
			}
		}
	}

	.centre {
		// margin: 115rpx 0 0 0;
		// padding: 0 17.5rpx;
		// height: calc(100vh - 280rpx);
		// overflow-x: hidden;
		margin: 195rpx 0 0 0;
		padding-bottom: 80px;
		// padding: 0 17.5rpx;
		height: calc(100vh - 280rpx);
		overflow-x: hidden;

		.content-container {

			.title {
				height: 73rpx;
				line-height: 73rpx;
				background: #E1EAF4;
				display: flex;
				text-indent: 50rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #002B5B;
			}

			.addInspect {

				.dt {
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 24rpx;
					background: #F9F9F9;
					font-weight: bold;
					border-bottom: 2rpx solid #D6D6D6;
					padding: 30rpx 0;
				}

				.dd {
					display: flex;
					justify-content: flex-start;
					font-size: 24rpx;
					border: 2rpx solid #D6D6D6;
					border-top: none;
					background: #fff;

					.left {
						width: 150rpx;
						background: #F9F9F9;
						border-right: 2rpx solid #D6D6D6;
						padding: 20rpx 10rpx 20rpx 20rpx;
					}

					.right {
						width: 600rpx;
						padding: 0 0 0 20rpx;
						display: flex;
						align-items: center;

						input {
							width: 100%;
							font-size: 24rpx;
						}

						view {
							background: none;
							border: none;
							font-size: 24rpx;
							position: relative;
							color: #0902FF;

							.triangle {
								width: 0;
								height: 0;
								border-top: 8rpx solid transparent;
								border-bottom: 8rpx solid transparent;
								border-left: 10rpx solid #0902FF;
								position: absolute;
								top: 50%;
								right: -20rpx;
								transform: translate(0%, -50%);
							}
						}

						&.button {
							justify-content: space-around;
						}
					}
				}
			}

			.addInspectContent {
				padding: 0 17.5rpx;

				.dt {
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 24rpx;
					background: #F9F9F9;
					font-weight: bold;
					border-bottom: 2rpx solid #D6D6D6;
					padding: 30rpx 0;
				}

				.box {

					.dt {
						background: #FFFFFF;
						box-shadow: 0rpx 0rpx 29rpx 0rpx rgba(0, 0, 0, 0.05);
						border-radius: 15rpx;
						padding: 23rpx 28rpx;

						.h1 {
							font-size: 24rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #0552A9;
							padding: 0 0 22rpx 0;
							border-bottom: 2rpx solid #CECECE;
						}

						.div {
							display: flex;
							margin: 21rpx auto 0;

							.left {
								font-size: 20rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #3A3A3A;
							}

							.right {
								font-size: 20rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #686868;

								text {
									color: #DC0000;
								}

								input {
									font-size: 20rpx;
									font-family: PingFangSC-Regular, PingFang SC;
									font-weight: 400;
									color: #999999;
									width: 400rpx;
									text-indent: 10rpx;
								}

								.placeholder-class {
									font-size: 20rpx;
									color: #999999;
								}
							}

							&:last-child {
								align-items: center;
							}

							.custom-radio-group {
								display: flex;
								font-size: 20rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;

								.labelRadio {
									display: flex;
									margin: 0 10rpx;
									align-items: center;
								}

								/deep/.uni-radio-input {
									width: 20rpx;
									height: 20rpx;
									border: 1rpx solid #979797;
								}

								.yes {

									/deep/.uni-radio-input {
										background: #07D276 !important;
										border-color: #07D276 !important;

										&::before {
											background: #07D276;
											border-radius: 50%;
											font-size: 16rpx;
										}
									}
								}

								.no {

									/deep/.uni-radio-input {
										background: #FF1F1F !important;
										border-color: #FF1F1F !important;
										position: relative;
										transform: rotate(45deg);

										&::before {
											content: "";
											position: absolute;
											top: 50%;
											left: 50%;
											background-color: #fff;
											width: 2rpx;
											height: 60%;
											transform: translate(-50%, -50%);
										}

										&::after {
											content: "";
											position: absolute;
											top: 50%;
											left: 50%;
											background-color: #fff;
											width: 60%;
											height: 2rpx;
											transform: translate(-50%, -50%);
										}
									}
								}
							}
						}
					}

					.dd {

						.h1 {
							display: flex;
							flex-direction: row;
							justify-content: space-between;
							align-items: center;
							margin: 10px 0;

							.title-text {
								flex: 1;
								text-align: left;
								font-size: 24rpx;
								font-weight: bold;
								color: #333;
							}

							.global-options {
								display: flex;
								flex-shrink: 0;

								.option {
									padding: 12rpx 30rpx;
									border: 2rpx solid #C3C3C3;
									border-radius: 5rpx 0 0 5rpx;
									font-size: 18rpx;
									font-family: PingFangSC-Regular, PingFang SC;
									font-weight: 400;
									color: #666666;
									background: #FFFFFF;

									&:nth-child(2) {
										border-left: none;
										// border-right: none;
										border-radius: 0;
									}

									&:last-child {
										border-radius: 0 5rpx 5rpx 0;
										border-left: 0;
									}

									&.active {
										background: #E9F2FF;
										color: #0552A9;
									}
								}
							}
						}

						.block {
							background: #FFFFFF;
							box-shadow: 0rpx 0rpx 29rpx 0rpx rgba(0, 0, 0, 0.05);
							border-radius: 15rpx;
							padding: 23rpx 26rpx;

							.li {

								.titles {
									font-size: 20rpx;
									font-family: PingFangSC-Medium, PingFang SC;
									font-weight: 500;
									color: #353535;
									position: relative;
									display: flex;

									text {
										margin: 0 6rpx 0 0;
									}

									&.red {

										text {
											color: #EF0000;
										}
									}

									.text {
										width: 76%;
									}

									.guide {
										position: absolute;
										top: 0;
										right: 0rpx;
										color: #026DC6;
										display: flex;
										align-items: center;

										image {
											width: 22rpx;
											height: 22rpx;
											margin: 0 6rpx 0 0;
										}

										.triangle {
											width: 0;
											height: 0;
											border-top: 8rpx solid transparent;
											border-bottom: 8rpx solid transparent;
											border-left: 10rpx solid #026DC6;
											position: absolute;
											top: 50%;
											right: -20rpx;
											transform: translate(-50%, -50%);
										}
									}
								}

								.optionList {
									display: flex;
									flex-direction: column;
									margin: 10px auto 0;
									align-items: flex-end;

									.list {
										display: flex;

										.option {
											padding: 12rpx 30rpx;
											border: 2rpx solid #C3C3C3;
											border-radius: 5rpx 0 0 5rpx;
											font-size: 18rpx;
											font-family: PingFangSC-Regular, PingFang SC;
											font-weight: 400;
											color: #666666;

											&:nth-child(2) {
												border-left: none;
												// border-right: none;
												border-radius: 0;
											}

											&:last-child {
												border-radius: 0 5rpx 5rpx 0;
												border-left: 0;
											}

											&.active {
												background: #E9F2FF;
												color: #0552A9;
											}
										}
									}

									.case {
										width: 650rpx;

										.h2 {
											font-size: 16rpx;
											font-family: PingFangSC-Medium, PingFang SC;
											font-weight: 500;
											color: #353535;
											margin: 20rpx 0 6rpx 0;
										}

										.content {
											display: flex;
											justify-content: space-between;
											align-items: center;

											.left {
												width: 100%;
											}

											.right {

												.content-upload-btn {
													margin-left: 20px;
													border: 0px;
													border-radius: 7px;
													background-color: #e3b339;
													color: #ffffff;
													padding: 6px 15px;
													font-size: 20rpx;
												}

												.content-upload-btn-realy {
													background-color: #1da247;
													margin-left: 20px;
													border: 0px;
													border-radius: 7px;
													color: #ffffff;
													padding: 6px 15px;
													font-size: 20rpx;
												}

												.upload-btn {
													width: 76px;
													height: 32px;
													border-radius: 7px;
													background-color: #026DC6;
													color: #ffffff;
													font-size: 11px;
												}
											}
										}

										input {
											margin: 20rpx auto;
											border: 2rpx solid #e5e5e5;
											// border: 2rpx solid red;
											border-radius: 6rpx;
											text-indent: 10rpx;
											font-size: 18rpx;
											padding: 16rpx 0;

											&.inspect {
												border: 2rpx solid #dedede;
											}
										}

										.placeholder-class {
											color: #e3b339;
										}

										.placeholder-class-inspect {
											color: #dedede;
										}
									}
								}

								&+.li {
									margin: 20rpx auto 0;

									.title {

										// text {
										// 	color: #353535;
										// }
									}
								}
							}
						}
					}
				}
			}

			.addInspectTrisk {
				padding: 0 17.5rpx;

				.dt {
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 24rpx;
					background: #F9F9F9;
					font-weight: bold;
					border-bottom: 2rpx solid #D6D6D6;
					padding: 30rpx 0;
				}

				.dd {
					display: flex;
					justify-content: flex-start;
					font-size: 24rpx;
					border: 2rpx solid #D6D6D6;
					border-top: none;
					background: #fff;

					.left {
						width: 150rpx;
						background: #F9F9F9;
						border-right: 2rpx solid #D6D6D6;
						padding: 20rpx 10rpx 20rpx 20rpx;
					}

					.right {
						width: 600rpx;
						padding: 0 0 0 20rpx;
						display: flex;
						align-items: center;


						view {
							background: none;
							border: none;
							font-size: 24rpx;
							position: relative;
							color: #0902FF;

							.triangle {
								width: 0;
								height: 0;
								border-top: 8rpx solid transparent;
								border-bottom: 8rpx solid transparent;
								border-left: 10rpx solid #0902FF;
								position: absolute;
								top: 50%;
								right: -20rpx;
								transform: translate(0%, -50%);
							}
						}

						&.button {
							justify-content: space-around;
						}
					}

					.optionList {
						display: flex;
						flex-direction: column;
						align-items: flex-end;

						.list {
							display: flex;

							.option {
								padding: 12rpx 30rpx;
								border: 2rpx solid #C3C3C3;
								border-radius: 5rpx 0 0 5rpx;
								font-size: 18rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #666666;

								&:nth-child(2) {
									border-left: none;
									// border-right: none;
									border-radius: 0;
								}

								&:last-child {
									border-radius: 0 5rpx 5rpx 0;
									border-left: 0;
								}

								&.active {
									background: #E9F2FF;
									color: #0552A9;
								}
							}
						}

						.case {
							width: 650rpx;

							.h2 {
								font-size: 16rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: #353535;
								margin: 20rpx 0 6rpx 0;
							}

							input {
								margin: 20rpx auto;
								border: 2rpx solid #e5e5e5;
								// border: 2rpx solid red;
								border-radius: 6rpx;
								text-indent: 10rpx;
								font-size: 18rpx;
								padding: 16rpx 0;

								&.inspect {
									border: 2rpx solid #dedede;
								}
							}

							.placeholder-class {
								color: red;
							}

							.placeholder-class-inspect {
								color: #dedede;
							}
						}
					}

					&+.li {
						margin: 20rpx auto 0;

						.title {

							// text {
							// 	color: #353535;
							// }
						}
					}
				}
			}
		}
	}

	.fixed {
		position: fixed;
		left: 0;
		bottom: 0;
		height: 92rpx;
		background: #fff;
		padding: 0 95rpx 24rpx 95rpx;
		margin: 0 auto;
		display: flex;
		align-items: center;
		width: calc(100% - 190rpx);

		button {
			width: 269rpx;
			height: 55rpx;
			line-height: 55rpx;
			background: #0552A9;
			border-radius: 10rpx;
			font-size: 20rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;

			&.determine {
				color: #fff;
			}

			&.cancellation {
				background: none;
				border: 1rpx solid #979797;
				color: #979797;
			}
		}
	}

	.reviewMemberListPopupContent {
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;

		.title {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			background: url('../../static/img/popupTitle.png') no-repeat center center;
			background-size: cover;
			font-size: 25rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			// text-indent: 45rpx;
			text-align: center;
		}

		.box {

			.step {
				display: flex;
				justify-content: space-around;
				height: 80rpx;
				line-height: 80rpx;
				background: #F9F9F9;

				view {
					position: relative;
					font-size: 25rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;

					&.active {
						color: #0552A9;

						&::before {
							display: block;
							content: "";
							position: absolute;
							left: 50%;
							bottom: 0%;
							transform: translate(-50%, 0%);
							width: 100rpx;
							height: 5rpx;
							background: #0552A9;
						}
					}
				}
			}

			.content {
				padding: 14rpx;

				input {
					height: 50rpx;
					border: 1rpx solid #666666;
					padding: 0 14rpx;
					font-size: 24rpx;
				}

				.z-paging-content-fixed {
					position: relative;
					height: 50vh;
					top: 10rpx;
				}

				.ul {

					.li {
						background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
						box-shadow: 0rpx 8rpx 15rpx 0rpx rgba(0, 0, 0, 0.05);
						border-radius: 15rpx;
						padding: 30rpx 10rpx 15rpx 10rpx;
						position: relative;
						margin: 13rpx 20rpx 0;

						.top {
							width: 100%;
							display: flex;
							justify-content: space-between;

							.number {
								padding: 0 10rpx;
								height: 46rpx;
								line-height: 46rpx;
								background: linear-gradient(180deg, #5DA1FF 0%, #0054C9 100%);
								border-radius: 11rpx 0rpx 11rpx 0rpx;
								font-size: 18rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: #FFFFFF;
								text-align: center;
							}

							.identity {
								padding: 0 10rpx;
								height: 46rpx;
								line-height: 46rpx;
								background: linear-gradient(180deg, #5DA1FF 0%, #0054C9 100%);
								border-radius: 0rpx 11rpx 0rpx 11rpx;
								font-size: 18rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: #FFFFFF;
								text-align: center;
							}
						}

						.titles {
							display: flex;
							justify-content: center;
							font-size: 24rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							line-height: 1;
							margin: 0rpx 0 14rpx 0;
						}

						.content {
							display: flex;
							align-items: center;
							justify-content: flex-start;
							font-size: 19rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #666666;
							line-height: 1;
							margin: 12rpx auto;

							.titles {
								margin: 0 20rpx 0 0;
							}
						}
					}
				}
			}
		}
	}

	.popupContent {
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;

		.title {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			background: url('../../static/img/popupTitle.png') no-repeat center center;
			background-size: cover;
			font-size: 25rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			// text-indent: 45rpx;
			text-align: center;
		}

		.box {
			text-align: center;
			margin: 50rpx auto;
		}

		.button {
			margin: 58rpx auto 0;
			display: flex;
			justify-content: space-around;
			align-items: center;

			button {
				width: 269rpx;
				height: 55rpx;
				line-height: 55rpx;
				background: #0552A9;
				border-radius: 10rpx;
				font-size: 20rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;

				&.determine {
					color: #fff;
				}

				&.cancellation {
					background: none;
					border: 1rpx solid #979797;
					color: #979797;
				}
			}
		}
	}
}

.problem {
	width: 100%;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
}
</style>